#bootstrap-table1 tbody tr {
  position: relative;
}
#noneBox {
  position: absolute;
  width: 333px;
  height: 200px;
  top: 36px;
  left: 30%;
  /* display: none; */
  background-color: #e8e8e8;
  z-index: 100;
  border-radius: 10px;
}
#noneBox::after {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate(-50%);
  left: 50%;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid black;
}
.tip_text {
  position: absolute;
  top: 36px;
  left: 38%;
  width: max-content;
  font-size: 12px;
  font-weight: 400;
  word-break: break-word;
  padding: 6px 8px;
  border-radius: 4px;
  z-index: 99999;
  background: #fff;
  border: 1px solid #303133;
  color: #303133;
}
.tip_text::after {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translate(-50%);
  left: 50%;
  border-top: 7px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid black;
}
.top{
  width: 100%;
}
.bottom {
  display: flex;
}
.top{
  width: 100%;
}
.bottom{
  width: 100%;
}
.buttonCard {
  width: 40%;
}
.rightCard {
  width: 60%;
  margin-left: 10px
}
.title>p::before {
  content: '';
  border: 2px solid #4e89ee;
  background-color: #4e89ee;
  margin-right: 10px;
}
.bootstrap-table {
  height: 600px;
  overflow: auto;
}